<template>
  <div>
    <van-tabbar v-model="active" placeholder route>
      <van-tabbar-item icon="home-o" to="/">首页</van-tabbar-item>
      <van-tabbar-item icon="envelop-o" :badge="badgeCount" to="/message">留言</van-tabbar-item>
      <van-tabbar-item icon="video-o" to="/course">课程</van-tabbar-item>
      <van-tabbar-item icon="user-circle-o" to="/mine">我的</van-tabbar-item>
    </van-tabbar>
  </div>
</template>

<script setup>
import { ref, defineProps } from 'vue'
const active = ref(0);
const props = defineProps({
  badgeCount: {
    type: Number,
    default: null
  }
})
</script>

<style scoped>

</style>